<template>
  <ul id="footersive">
    <li>
      <router-link to="/">
        <span class="iconfont icon-shouye"></span>
        首页
      </router-link>
    </li>
    <li>
      <router-link to="/Pianju">
        <span class="iconfont icon-wodepuguang"></span>
        骗局曝光
      </router-link>
    </li>
    <li>
      <span class="iconfont icon-my_active"></span>
      我的
    </li>
  </ul>
</template>

<script>
export default {};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}
#footersive {
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 4rem;

  background-color: #fff;
  display: flex;
  align-items: center;
}

li {
  width: 30%;
  color: rgb(160, 155, 155);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
span:nth-child(1) {
  display: inline-block;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.foot:hover {
  color: blue;
}
</style>
